ChannelNotFound.tsx 786 B

123456789101112131415161718192021222324
  1. import Link from 'next/link';
  2. import '../style.scss';
  3. type Props = {
  4. title?: string;
  5. description?: string;
  6. };
  7. // 채널이 존재하지 않거나 활동이 중단된 경우 표시되는 안내 화면.
  8. // layout(early-return) / not-found.tsx / error.tsx 에서 공통으로 사용.
  9. export default function ChannelNotFound({
  10. title = '채널을 찾을 수 없습니다',
  11. description = '채널이 존재하지 않거나 활동이 중단된 채널입니다.'
  12. }: Props) {
  13. return (
  14. <div className="channel-page">
  15. <div className="channel-page__notice">
  16. <h1 className="channel-page__notice-title">{title}</h1>
  17. <p className="channel-page__notice-desc">{description}</p>
  18. <Link href="/" className="channel-page__notice-home">홈으로 가기</Link>
  19. </div>
  20. </div>
  21. );
  22. }